<html>
    <head>
        <link rel="stylesheet" href="style.css" type="text/css"/>
        <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
        <script src="client.js" type="text/javascript"></script>
        <title>node chat</title>
    </head>
    <body>
        <div id="app">
            <div id="connect"><p>loading ...</p>
                <script>
                    var ID = location.search.replace('?','');
                    $.ajax({ cache: false
                        , type: "GET" // XXX should be POST
                        , dataType: "json"
                        , url: "/join"
                        , data: { 'ID' : ID } //{ 'ID': ID, 'nick': nick }
                        , error: function () {
                            alert("error connecting to server");
                            showConnect();
                        }
                        , success: onConnect
                    });
                </script>
            </div>
            <div id="loading"><p>loading</p></div>
            <div id="log"></div>
            <div id="toolbar">
                <ul id="status">
                    <li><a id="usersLink" href="#">? users</a></li>
                    <li>uptime: <span id="uptime">?</span></li>
                    <li>memory: <span id="rss">?</span>mb RSS</li>
                </ul>
                <input tabindex="1" type="text" id="entry"/>
            </div>

    </body>
</html>
